<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="box">
        <div class="border_4">
            <div class="di four">
                <p class="di_1 four_1">
                    <span></span>
                    <span></span>
                </p>
                <p class="di_2 four_2">
                    <span></span>
                    <span></span>
                </p>
                <p class="di_3 four_3">
                    <span></span>
                    <span></span>
                </p>
            </div>
            <div class="border_3">
                <div class="di ji">
                    <p class="di_1 ji_1">
                        <span></span>
                        <span></span>
                    </p>
                    <p class="di_2 ji_2">
                        <span></span>
                        <span></span>
                    </p>
                    <p class="di_3 ji_3">
                        <span></span>
                        <span></span>
                    </p>
                </div>
                <div class="border_2">
                    <div class="di huo">
                        <p class="di_1 huo_1">
                            <span></span>
                            <span></span>
                        </p>
                        <p class="di_2 huo_2">
                            <span></span>
                            <span></span>
                        </p>
                        <p class="di_3 huo_3">
                            <span></span>
                            <span></span>
                        </p>
                    </div>
                    <div class="border_1">
                        <div class="di">
                            <p class="di_1">
                                <span></span>
                                <span></span>
                            </p>
                            <p class="di_2">
                                <span></span>
                                <span></span>
                            </p>
                            <p class="di_3">
                                <span></span>
                                <span></span>
                            </p>
                        </div>

                        <div class="sun">
                            <p class="sun_1">
                                <span></span>
                                <span></span>
                            </p>
                            <p class="sun_2">
                                <span></span>
                                <span></span>
                            </p>
                            <p class="sun_3">
                                <span></span>
                                <span></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>